<template>
  <div class="wrapper">
     <!--三级分类-->
        <sph-typenav></sph-typenav>

        <!--列表-->
        <List />
        <!--今日推荐-->
        <Recommend />
        <!-- 商品排行 -->
        <Rank />
        <!-- 猜你喜欢 -->
        <GuessLike />
        <!--楼层-->
        <Floor v-for='floors in switchFloors' :key='floors.id' :floors='floors'/>
      
        <!--商标-->
        <Brand />
  </div>
</template>

<script>
import Brand from './Brand/brand.vue';
import Floor from './Floor/floor.vue';
import GuessLike from './GuessLike/guesslike.vue';
import List from './List/list.vue';
import Rank from './Rank/rank.vue';
import Recommend from './Recommend/recommend.vue';
import {mapGetters} from 'vuex';
export default {
  components: {
            Brand,
            Floor,
            GuessLike,
            List,
            Rank,
            Recommend,
  },
  data() {
    return {
    };
  },
  computed: {
    ...mapGetters(['switchFloors'])
  },
  methods: {},
  mounted() {}
};
</script>
<style scoped>
</style>